import React, { PureComponent } from 'react';
import { connect } from 'dva';
import { Form } from '@ant-design/compatible';
import '@ant-design/compatible/assets/index.css';
import { Card } from 'antd';
import DescriptionList from '@/components/DescriptionList';

const { Description } = DescriptionList;
@connect(({ integratedqueryns, loading }) => ({
  loading: loading.models.integratedqueryns,
  supplyBaseInfo: integratedqueryns.supplyBaseInfo, // 客户基本信息
}))
@Form.create()
class EmpInfor extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  render() {
    const { supplyBaseInfo } = this.props;
    return (
      <div>
        <Card
          style={{ marginBottom: 12 }}
          title={<span style={{ fontWeight: 'bolder' }}>供应商基本信息</span>}
          bordered={false}
          id="supplierbasicInfor"
        >
          <DescriptionList>
            <Description term="供应商名称">{supplyBaseInfo.name || '--'}</Description>
            <Description term="统一社会信用代码">
              {supplyBaseInfo.uniCreditCode || '--'}
            </Description>
            <Description term="供应商编号">{supplyBaseInfo.suppCode || '--'}</Description>
            <Description term="供应商类型">{supplyBaseInfo.typeName || '--'}</Description>
            <Description term="办公地址">{supplyBaseInfo.officeAddr || '--'}</Description>
            <Description term="工作邮箱">{supplyBaseInfo.email || '--'}</Description>
            <Description term="备注">{supplyBaseInfo.remark || '--'}</Description>
          </DescriptionList>
        </Card>
      </div>
    );
  }
}
export default EmpInfor;
